/*Geral*/
* {
    margin:0; padding:0;
}

html {
    font: 90%/1.3 arial,sans-serif;
    padding:1em;
    background:#fafafa;
}

/*Componentes*/
form {
    background:#fff;
    border:1px solid #eee;
    padding:0.1em;
    margin:1em;
    width:37em;
}

fieldset {
    width:35em;
    border:1px solid #ddd;
    padding:0.1em;
    margin:1em;

}

fieldset div {
    margin:0.3em 0;
    clear:both;
}

label {
    float:left;
    width:10em;
    text-align:right;
    margin-right:1em;
}

label.error { 
	float: none; 
	color: red; 
	margin: 0 .5em 0 0; 
	vertical-align: top; 
	font-size: 10px }

legend {
    color:#0b77b7;
    font-size:1.2em;
}

legend span {
    padding:0.5em;
    width:10em;
    text-align:right;
}

input {
    padding:0.5em;
    width:23em;
    vertical-align:middle;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
}

select {
    padding:0.5em;
    width:15em;
    vertical-align:middle;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
}

input[type=checkbox], input[type=radio] { 
    padding:0.5em;
    width:2em;
    vertical-align:middle;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
    border-color:#c5c5c5;
    background:#f6f6f6;
}

textarea {
    padding:0.5em;
    width:23em;
    border:1px solid #ddd;
    background:#fafafa;
    vertical-align:middle;
    font:bold 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
}

a {
	color:0b77b7;
	font:bold 0.95em arial, sans-serif;
    text-decoration:none;	
}

a:hover {
    text-decoration: underline;	
}

ul {
    float:left;
    width:100%;
    list-style:none;
}

ul li { 
	display:inline;
	padding:0.1em;
	float:left;
}

table {
    border-collapse:collapse;
    border:1px solid #eee;
    padding:0.1em;
    margin:1em;
    width:33.5em;
}

caption {
	color:white;
	background-color:#B9D3EE;
}

th, td {
    padding:0.1em;
    width:100%;
    font:bold 0.95em arial, sans-serif;
    text-align:left;
}

tr:hover {
    background-color:#B9D3EE;
    color:white;
}

thead tr:hover {
    background-color:transparent;
    color:inherit;	
}

tfoot tr:hover {
    background-color:transparent;
    color:inherit;	
}

/*Classes*/
.botoes {
    text-align:center;
}

.botao {
    /*margin-top:1em;*/
    width:6em;
    height:2em;
    border:1px solid #ddd;
    background-color:#fafafa;
    font:bold 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    cursor:pointer !important; cursor:hand;
 }

.botao:hover {
    background-color:#0b77b7;
}

/*Classes específicas*/
#mensagem {
    text-align:center;
    color:#a10808;
}

#quantidade {
    color:#0b77b7;
    text-align:right;
}

#perfil {
    width:95%;
}

#contato {
    width:95%;
}

#img_foto_real {
    position: relative;
    float: right;
    top: -21px;
    right: 20px;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);
}

#img_foto_fake {
    width: 23em;
    background: url("../img/pesquisar.jpeg") no-repeat 99% 51%;
    cursor: default;
}

#img {
   text-align:center;	
}

#med_logo {
	text-align:center;
    width:30em;
    height:15em;
}